<!DOCTYPE html>
<html lang="zh-CN">
 <head>
  <meta charset="utf-8" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Home</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="css/nprogress.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  <link rel="apple-touch-icon-precomposed" href="images/icon.png" />
  <link rel="shortcut icon" href="images/favicon.ico" />
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/nprogress.js"></script>
  <script src="js/jquery.lazyload.min.js"></script>
  <!--[if gte IE 9]>
  <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <script src="js/respond.min.js" type="text/javascript"></script>
  <script src="js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
  <!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
 </head>
 <body class="user-select">
  <header class="header">
   <nav class="navbar navbar-default" id="navbar">
    <div class="container">
     <div class="header-topbar hidden-xs link-border">
      <ul class="site-nav topmenu">
       <li><a href="#">标签云</a></li>
       <li><a href="#" rel="nofollow">读者墙</a></li>
       <li><a href="#" title="RSS订阅"> <i class="fa fa-rss"> </i> RSS订阅 </a></li>
      </ul> 勤记录 懂分享
     </div>
     <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img src="images/201610171329086541.png" alt="木庄网络博客" /></a></h1>
     </div>
     <div class="collapse navbar-collapse" id="header-navbar">
      <form class="navbar-form visible-xs" action="/Search" method="post">
       <div class="input-group">
        <input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off" />
        <span class="input-group-btn"> <button class="btn btn-default btn-search" name="search" type="submit">搜索</button> </span>
       </div>
      </form>
      <ul class="nav navbar-nav navbar-right">
       <li><a href="#">首页</a></li>
       <li><a href="#">列表页</a></li>
       <li><a href="#">详细页</a></li>
       <li><a href="#">404</a></li>
       <li><a href="#">IT技术笔记</a></li>
      </ul>
     </div>
    </div>
   </nav>
  </header>
  <section class="container">
   <div class="content-wrap">
    <div class="content">
     <div id="focusslide" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <%banners.forEach((banner,index)=>{%>
          <li data-target="#focusslide" data-slide-to="<%=index%>" <%if(index==0){%>class="active"<%}%>></li>
        <%})%>
      </ol>
      <div class="carousel-inner" role="listbox">
        <%banners.forEach((banner,index)=>{%>
         <div class="item <%if(index==0){%>active<%}%>">
          <a href="<%=banner.href%>" target="_blank" title="<%=banner.title%>">
            <img src="<%=HTTP_ROOT%>/upload/<%=banner.src%>" alt="<%=banner.title%>" class="img-responsive" />
          </a>
         </div>
        <%})%>
      </div>
      <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span> </a>
      <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span> </a>
     </div>
     <article class="excerpt-minic excerpt-minic-index">
      <h2><span class="red">【推荐】</span><a target="_blank" href="#" title="用DTcms做一个独立博客网站（响应式模板）">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
      <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
     </article>
     <div class="title">
      <h3>最新发布</h3>
      <div class="more">
        <%catalogs.forEach(catalog=>{%>
          <a href="<%=HTTP_ROOT%>/list/<%=catalog.ID%>" title="<%=catalog.title%>"><%=catalog.title%></a>
        <%})%>
      </div>
     </div>
     <%articles.forEach(article=>{%>
       <article class="excerpt excerpt-1" style="">
        <a class="focus" href="#" title="<%=article.title%>" target="_blank"><img class="thumb" data-original="<%=HTTP_ROOT%>/upload/<%=article.list_img_src%>" src="<%=HTTP_ROOT%>/upload/<%=article.list_img_src%>" alt="<%=article.title%>" style="display: inline;" /></a>
        <header>
         <a class="cat" href="<%=HTTP_ROOT%>/list/<%=article.catalog_ID%>" title="<%=article.catalog_title%>"><%=article.catalog_title%><i></i></a>
         <h2><a href="<%=HTTP_ROOT%>/article/<%=article.article_ID%>" title="<%=article.article_title%>" target="_blank"><%=article.article_title%></a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> <%=article.created_time%></time> <span class="views"><i class="glyphicon glyphicon-eye-open"></i> <%=article.view%></span> <a class="comment" href="##comment" title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> <%=article.comment%></a> </p>
        <p class="note"><%=article.summary%></p>
       </article>
     <%})%>
     <nav class="pagination" style="display: none;">
      <ul>
       <li class="prev-page"></li>
       <li class="active"><span>1</span></li>
       <li><a href="?page=2">2</a></li>
       <li class="next-page"><a href="?page=2">下一页</a></li>
       <li><span>共 2 页</span></li>
      </ul>
     </nav>
    </div>
   </div>
   <div class="tlinks">
    Collect from
    <a href="http://www.cssmoban.com/">企业网站模板</a>
   </div>
   <aside class="sidebar">
    <div class="fixed">
     <div class="widget widget-tabs">
      <ul class="nav nav-tabs" role="tablist">
       <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">统计信息</a></li>
       <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系站长</a></li>
      </ul>
      <div class="tab-content">
       <div role="tabpanel" class="tab-pane contact active" id="notice">
        <h2>日志总数: 888篇 </h2>
        <h2>网站运行: <span id="sitetime">88天 </span></h2>
       </div>
       <div role="tabpanel" class="tab-pane contact" id="contact">
        <h2>QQ: <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="QQ:"></a> </h2>
        <h2>Email: <a href="#" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title="" data-original-title="#"></a></h2>
       </div>
      </div>
     </div>
     <div class="widget widget_search">
      <form class="navbar-form" action="/Search" method="post">
       <div class="input-group">
        <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off" />
        <span class="input-group-btn"> <button class="btn btn-default btn-search" name="search" type="submit">搜索</button> </span>
       </div>
      </form>
     </div>
    </div>
    <div class="widget widget_hot">
     <h3>最新评论文章</h3>
     <ul>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
      <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i> 2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
     </ul>
    </div>
    <div class="widget widget_sentence">
     <a href="#" target="_blank" rel="nofollow" title="专业网站建设"> <img style="width: 100%" src="images//201610241224221511.jpg" alt="专业网站建设" /></a>
    </div>
    <div class="widget widget_sentence">
     <a href="#" target="_blank" rel="nofollow" title="MZ-NetBlog主题"> <img style="width: 100%" src="images/ad.jpg" alt="MZ-NetBlog主题" /> </a>
    </div>
    <div class="widget widget_sentence">
     <h3>友情链接</h3>
     <div class="widget-sentence-link">
      <a href="#" target="_blank">aaa</a>&nbsp;&nbsp;&nbsp;
      <a href="#" target="_blank">bbb</a>&nbsp;&nbsp;&nbsp;
     </div>
    </div>
   </aside>
  </section>
  <footer class="footer">
   <div class="container">
    <p>Copyright &copy; 2016.Company name All rights reserved.</p>
   </div>
   <div id="gotop">
    <a class="gotop"></a>
   </div>
  </footer>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.ias.js"></script>
  <script src="js/scripts.js"></script>
 </body>
</html>
